{extend name="public/base" /}
{block name="css"}
<!--    css-->
<link href="/static/css/excellent.css?r=1" rel="stylesheet">
{/block}
{block name="js"}
<!--layui js-->
<script src="/static/framework/layui/layui.js"></script>
<script type="text/javascript" src="/static/framework/jquery1.42.min.js"></script>
<script type="text/javascript" src="/static/framework/jquery.SuperSlide.2.1.3.js"></script>
<!-- index.js -->
<script src="/static/js/excellent.js?r=1"></script>
{/block}
{block name="main"}

<!-- banner start -->
<div class="container-fluid flex-row">
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="/static/images/banner05.jpg?r=1" class="banner_size">
            </div>
        </div>
    </div>
</div>
<!-- banner end -->

<!-- 面包屑 start -->
<div class="container-fluid bottomborder">
    <div class="container breadcrumb">
        <span class="layui-breadcrumb" lay-separator=">">
         <a href=""><img src="/static/images/01.png"/> &nbsp;您现在的位置：</a>
          <a href="">优秀企业汇展</a>
          <a href="">{$classify.catname}</a>
          <a><cite>{$data.nickname}</cite></a>
        </span>
    </div>
</div>
<!-- 面包屑 end -->


<!-- 企业名称 start -->
<div class="container-fluid company-content-box">
    <div class="container company-content">
        <div class="company-name">
            <h1>{$data.company_name}</h1>
            <p>{$data.company_name_en}</p>
        </div>

        <!-- 企业简介 左边视频 右边 企业简介  start -->
        <div class="company-introduction">
            <!--如果 data.company_display_way == 1 视频 2 图片形式展示-->
            {if $data.company_display_way == 1}
            <div class="company-video">
                <video controls="controls" poster="{$data.avatar}">
                    <source src="{$data.company_video}" type="video/mp4">
                    您的浏览器不支持 video 标签。
                </video>
            </div>
            {else /}
            <div class="company-video">
                <img src="{$data.company_img}" alt="{$data.company_name}">
            </div>
            {/if}
            <div class="company-introduction-right">
                <div class="company-introduction-title">
                   <span></span>
                   <p>企业简介</p>
                </div>
                <div class="company-introduction-content">
                    <p>{$data.company_shl}</p>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 产品列表 start -->
<div class="container-fluid product-content">
    <div class="container ">
        <div class="excellent-title product-content-title">
            <div class="excellent-title-left">
                <span></span>
                <p>产品列表 <label>Product Display</label></p>
            </div>
        </div>
        <div class="excellent-list">
            <ul>
                {volist name="product_list" id="item"}
                <li>
                    <a href="javascript:void(0)" style="cursor: default">
                        <img src="{$item.thumb}" alt="{$item.title}"/>
                    </a>
                    <p>{$item.title}</p>
                    <p class="price">￥ {$item.price}</p>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>
<!-- 产品列表 end -->


<!-- 荣誉资质 start -->
<div class="container-fluid honor-content">
    <div class="container">
        <div class="excellent-title honor-content-title">
            <div class="excellent-title-left">
                <span></span>
                <p>荣誉资质 <label>Honor display</label></p>
            </div>
        </div>
        <div class="honor-list">
            <div class="picScroll-left">
                <div class="bd">
                    <ul class="picList">
                        {volist name="honor_list" id="item"}
                        <li>
                            <div class="pic">
                                <img src="{$item.thumb}" alt="{$item.title}">
<!--                                <a href="javascript:void(0)" style="cursor: default">-->

<!--                                </a>-->
                            </div>
                        </li>
                        {/volist}
                    </ul>
                </div>
                <a class="prev">
                    <img src="/static/images/roll_left_normal.png">
                    <img src="/static/images/roll_left_Select.png">
                </a>
                <a class="next">
                    <img src="/static/images/roll_right_normal.png">
                    <img src="/static/images/roll_right_Select.png">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 荣誉资质 end -->



{/block}